<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<body>

	<h:form>
<h:outputText value="Seleccone idioma" />
<h:selectOneMenu value="#{locationBean.idioma}">
<f:selectItem itemLabel="Espanol" itemValue="es"/>
<f:selectItem itemLabel="Ingles" itemValue="en"/>
</h:selectOneMenu>
<h:commandButton value="Cambiar" />
    <rich:panel>
        <f:facet name="header">
        Crear Producto
        </f:facet>
		<h:panelGrid columns="2">
		<h:outputText value="#{msg['crearProducto.nombre']}"/>
		<h:inputText value="#{crearProductoBean.nombre}" />
		
		<h:outputText value="#{msg['crearProducto.codigo']}"/>
		<h:inputText value="#{crearProductoBean.codigo}" />
		
		<h:outputText value="#{msg['crearProducto.cantidad']}"/>
		<h:inputText id="IdCantidad" value="#{crearProductoBean.cantidad}" />
		
		<h:outputText value="#{msg['crearProducto.Precio']}"/>
		<h:inputText id="idPrecio" value="#{crearProductoBean.precio}" />
		
		</h:panelGrid>
	<a4j:commandButton value="Crear" action="#{crearProductoBean.crearProducto}" reRender="tablaProd" />	
	</rich:panel>
	
	<rich:panel>
	<rich:dataTable id="tablaProd" value="#{crearProductoBean.productos}" var="prod">
	
	<rich:column>
	<f:facet name="header">
	<h:outputText value="Codigo" />
	</f:facet>
	<h:outputText value="#{prod.codigo}" />
	</rich:column>
	
	<rich:column>
	<f:facet name="header">
	<h:outputText value="Nombre" />
	</f:facet>
	<h:outputText value="#{prod.nombre}" />
	</rich:column>
	
	<rich:column>
	<f:facet name="header">
	<h:outputText value="Precio" />
	</f:facet>
	<h:outputText value="#{prod.precio}" />
	</rich:column>
	
	<rich:column>
	<f:facet name="header">
	<h:outputText value="Cantidad" />
	</f:facet>
	<h:outputText value="#{prod.cantidad}" />
	</rich:column>
	
	<rich:column>
	<f:facet name="header">
	<h:outputText value="Acciones" />
	</f:facet>
	<a4j:commandButton value="Eliminar" action="#{crearProductoBean.borrar(prod)}" reRender="tablaProd" />
	</rich:column>
		
	</rich:dataTable>
	</rich:panel>
	
	</h:form>
</body> 
</html>
